<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>页面标题</title>
    <meta name="description" content="页面简述">
    <meta name="keywords" content="关键词">
    <style type="text/css">
        body {
            background:#FFF;color:#4a4f5a;
            font: 400 14px/1.5 "微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;
            -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,
        th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
        ol,ul{list-style:none}
        a:hover{text-decoration:none}
        a{text-decoration:none}
        .clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
        .clearfix{*zoom:1;}
        .wrapper04 {
            position:relative;
            height: 24px;
            width: 500px;
            overflow: hidden;
            margin:0 auto;
            background:#ddd
        }
        .wrapper04 .scroller {
            position:absolute
        }
        .wrapper04 .scroller li {
            height: 24px;
            color:#333;
            float: left;
            line-height: 24px;
            font-size: 14px;
            text-align: center
        }
        .wrapper04 .scroller li a{
            color:#333;
            display:block;
            margin:0 10px
        }
        .wrapper04 .scroller li.cur{
            background:#1cbb9b
        }
        .wrapper04 .scroller li.cur a{
            color:#fff;
        }

    </style>
</head>
<body style="font-size: 10px;">
<div class="wrapper wrapper04" id="sass">
    <div class="scroller">
        <ul class="clearfix">
            <li style="margin-left: 0px; margin-right: 0px;" class=""><a href="javascript:void(0)">全部科目</a></li>
            <li style="margin-left: 0px; margin-right: 0px;" class=""><a href="javascript:void(0)">会计从业</a></li>
            <li style="margin-left: 0px; margin-right: 0px;" class=""><a href="javascript:void(0)">会计职称</a></li>
            <li style="margin-left: 0px; margin-right: 0px;" class=""><a href="javascript:void(0)">注会</a></li>
            <li style="margin-left: 0px; margin-right: 0px;" class=""><a href="javascript:void(0)">税务师</a></li>
            <li style="margin-left: 0px; margin-right: 0px;" class=""><a href="javascript:void(0)">国际证书</a></li>
            <li style="margin-left: 0px; margin-right: 0px;" class=""><a href="javascript:void(0)">更多</a></li>
            <li style="margin-left: 0px; margin-right: 0px;" class=""><a href="javascript:void(0)">更多注会</a></li>
            <li style="margin-left: 0px; margin-right: 0px;" class=""><a href="javascript:void(0)">国际证书2</a></li>
            <li id="cc" style="margin-left: 0px; margin-right: 0px;" class=""><a href="javascript:void(0)">更多4</a></li>
            <li style="margin-left: 0px; margin-right: 0px;" class="cur"><a href="javascript:void(0)">更多5</a></li>
        </ul>
    </div>
</div>

<script type="text/javascript" src="../scripts/jquery/1.10.2/jquery.js"></script>
<script type="text/javascript" src="../scripts/iscroll.js"></script>
<script type="text/javascript" src="../scripts/navbarscroll.js"></script>
<script type="text/javascript">
    $(function(){
        $('.wrapper').navbarscroll();
    });
</script>

</body>
</html>